<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'app01/videoinfo/css/5ce1d.css' %}" media="all"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <!-- 下面这个 meta 用于解决外链图片403的问题-->
    <meta name="referrer" content="no-referrer"/>
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"/>
    <title>{{video.title}}</title>
    <link rel="dns-prefetch" href="//msite.baidu.com"/>
    <link rel="alternate" type="application/rss+xml" title="JustMedia &raquo; "
          href="http://demo.wpcom.cn/justmedia/674.html/feed"/>
    <style id="QAPress-inline-css"
           type="text/css">.q-content .topic-tab, .q-content .q-answer .as-user, .q-content .q-answer .as-comment-name, .profile-QAPress-tab .QAPress-tab-item {
        color: #ff4e4e
    }

    .q-content .q-topic-wrap a:hover, .q-content .q-answer .as-action a:hover, .q-content .topic-tab:hover, .q-content .topic-title:hover {
        color: #d33
    }

    .q-content .put-top, .q-content .topic-tab.current-tab, .q-content .q-answer .as-submit .btn-submit, .q-content .q-answer .as-comments-submit, .q-content .q-add-header .btn-post, .q-content .q-pagination .current, .q-btn-new, .profile-QAPress-tab .QAPress-tab-item.active, .q-mobile-ask a {
        background-color: #ff4e4e
    }

    .q-content .q-answer .as-submit .btn-submit:hover, .q-content .q-answer .as-comments-submit:hover, .q-content .q-add-header .btn-post:hover, .q-content .topic-tab.current-tab:hover, .q-content .q-pagination a:hover, .q-btn-new:hover, .profile-QAPress-tab .QAPress-tab-item:hover, .q-mobile-ask a:hover {
        background-color: #d33
    }

    .q-content .q-answer .as-comments-input:focus, .profile-QAPress-tab .QAPress-tab-item {
        border-color: #ff4e4e
    }

    .profile-QAPress-tab .QAPress-tab-item:hover {
        border-color: #d33
    }</style>
    <script type="text/javascript" src="{% static 'app01/videoinfo/js/29a0a.js' %}"></script>
    <style>.flex-control-paging li a.flex-active, .member-form .btn-login, .member-lp-process li.active i, .member-lp-process li.processed .process-line, .wpcom-profile .author-group, .wpcom-profile-main .profile-posts-list .item-content .edit-link, .social-login-form .sl-input-submit, .header .dropdown-menu > .active > a:focus, .header .dropdown-menu > .active > a:hover, .header .dropdown-menu > li > a:hover, .navbar-action .publish, .pagination .current, .sidebar .widget_nav_menu ul li.current-menu-item a, .sidebar .widget_nav_menu ul li.current-post-parent a, .btn-primary, .article-list .item-title .sticky-post, .login-modal-body .btn-register {
        background-color: #ff4e4e
    }

    .action .contact-title, .navbar-action .login.register, .form-submit .submit, .search-form input.submit {
        background-color: #ff4e4e
    }

    .member-lp-process li.active p, .wpcom-profile .wpcom-profile-nav li.active a, .wpcom-user-list .wpcom-user-group, .header .nav > li.active > a, .header .dropdown-menu > .active > a, .navbar-action .login, .entry .entry-info .nickname, .entry-action .btn-dashang, .entry-action .btn-zan, .comment-body .nickname a, .form-submit-text span, .widget_profile .author-group, a, .main-list-tab.active a, .main-list-tab.active + li:after, .main-list-tab.active:after, .login-modal-body .btn-login {
        color: #ff4e4e
    }

    .wpcom-profile .author-group:before, .wpcom-user-list .wpcom-user-group:before, .widget_profile .author-group:before {
        border-right-color: #ff4e4e
    }

    .wpcom-profile .wpcom-profile-nav li.active a {
        border-bottom-color: #ff4e4e
    }

    .wpcom-user-list .wpcom-user-group, .navbar-action .login, .entry-action .btn-dashang, .entry-action .btn-zan, .widget_profile .author-group, .login-modal-body .btn-login, .login-modal-body .btn-register {
        border-color: #ff4e4e
    }

    .entry .entry-content .h3, .entry .entry-content h3, .widget-title {
        border-left-color: #ff4e4e
    }

    .search-form input.keyword:focus, .btn-primary {
        border-color: #ff4e4e
    }

    .flex-control-paging li a:hover, .member-form .btn-login:hover, .wpcom-profile-main .profile-posts-list .item-category:hover, .wpcom-profile-main .profile-posts-list .item-content .edit-link:hover, .social-login-form .sl-input-submit:hover, .navbar-action .publish:focus, .navbar-action .publish:hover, .entry-tag a:focus, .entry-tag a:hover, .entry-bar .meta-item:hover .icon-dashang, .pagination a:hover, .widget .tagcloud a:hover, .sidebar .widget_nav_menu ul li.current-menu-item .sub-menu a:hover, .sidebar .widget_nav_menu ul li.current-post-parent .sub-menu a:hover, .sidebar .widget_nav_menu ul li a:hover, .btn-primary.active, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .btn-primary.disabled:hover, .article-list .image-count:hover, .article-list .item-category:hover, .login-modal-body .btn-register:hover {
        background-color: #d33
    }

    .action .a-box:hover, .navbar-action .login.register:focus, .navbar-action .login.register:hover, .entry-action .btn-dashang.liked, .entry-action .btn-dashang:hover, .entry-action .btn-zan.liked, .entry-action .btn-zan:hover, .form-submit .submit:hover, .search-form input.submit:hover {
        background-color: #d33
    }

    .wpcom-profile .wpcom-profile-nav a:hover, .wpcom-profile-main .profile-posts-list .item-title a:hover, .wpcom-profile-main .profile-posts-list .item-meta a:focus, .wpcom-profile-main .profile-posts-list .item-meta a:hover, .header .nav > li > a:hover, .navbar-action .login:focus, .navbar-action .login:hover, .navbar-action .profile a:hover, .navbar-search-icon:focus, .navbar-search-icon:hover, .entry .entry-info a:focus, .entry .entry-info a:hover, .entry-bar .info-item a:hover, .widget ol a:hover, .widget ul a:hover, a:hover, .article-list .item-title a:hover, .main-list-tab a:hover, .main-list-tab.active a:hover, .list-links a:focus, .list-links a:hover, .load-more:hover, .login-modal-body .btn-login:hover {
        color: #d33
    }

    .wpcom-profile .wpcom-profile-nav a:hover {
        border-bottom-color: #d33
    }

    .header .nav > li > a:hover {
        border-top-color: #d33
    }

    .navbar-action .login:focus, .navbar-action .login:hover, .entry-tag a:focus, .entry-tag a:hover, .entry-action .btn-dashang.liked, .entry-action .btn-dashang:hover, .entry-action .btn-zan.liked, .entry-action .btn-zan:hover, .widget .tagcloud a:hover, .btn-primary.active, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .btn-primary.disabled:hover, .load-more:hover {
        border-color: #d33
    }

    .login-modal-body .btn-login:hover, .login-modal-body .btn-register:hover {
        border-color: #d33
    }

    @media (max-width: 991px) {
        .navbar-collapse {
            background-color: #ff4e4e
        }

        .header .navbar-nav > li.active > a, .header .navbar-nav .dropdown-menu .active a, .header .navbar-nav .dropdown-menu .active .dropdown-menu .active a {
            color: #ff4e4e
        }

        .dropdown-menu > li a {
            border-color: #d33
        }

        .header .navbar-nav > li.active > a:hover, .header .navbar-nav > li a:hover, .header .navbar-nav .dropdown-menu .active a:hover, .header .navbar-nav .dropdown-menu .active .dropdown-menu a:hover, .header .navbar-nav .dropdown-menu li a:hover {
            color: #d33
        }
    }

    @media (max-width: 767px) {
        .entry-bar .meta-item.mobile {
            background-color: #ff4e4e
        }

        .entry-bar .meta-item.mobile:hover {
            background-color: #d33
        }
    }

    .article-list .item-img {
        height: 185px
    }

    .main-archive .article-list .item-img {
        height: 182px
    }

    .entry-related-img.article-list .item-img {
        height: 170px
    }

    .widget_lastest_products .p-list .thumb {
        height: 86px
    }

    .entry .entry-head-thumbnail {
        height: 380px
    }

    .entry .entry-video {
        height: 482px
    }

    @media (max-width: 1219px) {
        .article-list .item-img {
            height: 148px
        }

        .main-archive .article-list .item-img {
            height: 146px
        }

        .entry-related-img.article-list .item-img {
            height: 137px
        }

        .entry .entry-head-thumbnail {
            height: 304.70862470862px
        }

        .entry .entry-video {
            height: 386.49883449883px
        }
    }

    @media (max-width: 991px) {
        .entry .entry-head-thumbnail {
            height: 354.31235431235px
        }

        .entry .entry-video {
            height: 449.41724941725px
        }
    }

    @media (max-width: 767px) {
        .entry .entry-head-thumbnail {
            height: 271.42857142857px
        }

        .entry .entry-video {
            height: 344.28571428571px
        }
    }

    @media (max-width: 500px) {
        .entry .entry-head-thumbnail {
            height: 190px
        }

        .entry .entry-video {
            height: 241px
        }
    }

    .page-template-page-fullnotitle.member-login #wrap, .page-template-page-fullnotitle.member-register #wrap {
        background-image: url('static/images/login.jpg')
    }

    .j-share {
        position: fixed !important;
        top: 50% !important
    }

    .header .logo img {
        max-height: 32px
    }

    @media (max-width: 767px) {
        .header .logo img {
            max-height: 26px
        }
    }</style>
    <script>(function () {
        if (!/*@cc_on!@*/0) return;
        var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
        var i = e.length;
        while (i--) {
            document.createElement(e[i])
        }
    })()</script>
    <!--[if lte IE 8]>

</head>
<body class="post-template-default single single-post postid-674 single-format-video">
<!-- 导入导航栏 -->
<div class="row clearfix">
    <div class="col-md-12 column">
        <a href="/videos/">
            <button type="button" class="btn btn-default btn-success btn-block">返回视频首页</button>
        </a>
    </div>
</div>
<div id="wrap">
    <div class="main container">
        <article id="post-674"
                 class="content post-674 post type-post status-publish format-video has-post-thumbnail hentry category-video tag-ios tag-84 post_format-post-format-video">
            <div class="entry">
                <div class="entry-video">
                    <!--<video controls="" autoplay="" src="{{video.Video_link}}"></video>-->
                    <iframe src="{{video_url}}" scrolling="no" border="0" frameborder="no" framespacing="0"
                            allowfullscreen="true"></iframe>
                </div>

            </div>
        </article>
    </div>
</div>

</body>
</html>
